// tab组件
<template>
  <div class="weatherDate">
    <a v-for="(item, index) in options" :key="index" :href="item.href">{{
      item.label
    }}</a>
  </div>
</template>

<script>
export default {
  data() {
    return {
      options: [
        {
          href: "#onPunch",
          label: "考勤",
        },
        {
          href: "#toDaily",
          label: "日报",
        },
        {
          href: "#toProject",
          label: "项目",
        },
        {
          href: "#toApply",
          label: "申请",
        },
        {
          href: "#toSalary",
          label: "薪资",
        },
      ],
    };
  },
  mounted() {},
  methods: {},
};
</script>

<style lang="scss">
.weatherDate {
  width: 1000px;
  overflow: hidden;
  height: 100px;
  background-color: #fff;
  box-shadow: 0 2px 12px 0 #d3dce6;
  margin: 20px auto;
  display: flex;
  justify-content: space-around;
  align-items: center;
  font-size: 30px;
  border-radius: 5px;
}
</style>
